<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html>
	<head>
		<title>Ejemplo de slideshow con jQuery sin plugins - www.lewebmonster.com</title>
<!--		<link rel="stylesheet" type="text/css" href="css/slideshow.css">-->
		<link rel="stylesheet" href="<c:url value="/css/slideshow.css" />">

		    <style type="text/css">
<!--
.Estilo1 {font-size: 36px}
.Estilo2 {font-size: 24px}
.Estilo3 {font-size: 12px; }
.Estilo4 {font-size: 16px}
-->
        </style>

</head>
	<body>
            
		<div id="divImagenes">
			<ul class="clsSlideShow">
				<li>
                                    
					<img src="img/1.jpg" height="150" width="500">
					<strong>Calidad a su Servicio</strong>				</li>
				<li>
					<img src="img/2.jpg" height="150" width="500">
					<strong>La Mejor Atencion</strong>				</li>
				<li>
					<img src="img/3.jpg" height="150" width="500">
					<!--<strong>Cali Rojas - <a href="http://www.lewebmonster.com">www.lewebmonster.com</a></strong>-->
					<strong>Los Mejores Precios</strong>				</li>
			</ul>
		</div>
		<script type="text/javascript" src="js/ext/jquery-1.8.0.min.js"></script>
		<script type="text/javascript" src="js/slideshow.js"></script>
                
		<div id="divFormulario" >
			<label><div align="center">
				  <p class="Estilo1"><span class="Estilo2">Ingrese Usuario y Contrase&ntilde;a</span> </p>
				  <p class="Estilo3">&nbsp;</p>
                                  <p class="Estilo4">${error}</p>
                                  
			</div>
                            
				</label>
                
			<ul class="clsSlideShow">
		<form action="menu_opciones.htm" method="post" name="frmindex">
		<table width="309" border="0">
  <tr>
    <td width="146" ><p align="left"><strong>USUARIO</strong> </td>
    <td width="153"><input type="text" name="usuario" />
	      </p></td>
  </tr>
    <tr>    <td height="2" colspan="2">&nbsp;</td>    
    </tr>
  <tr>
    <td><p align="left"><strong>CONTRASE&Ntilde;A</strong></td>
    <td><input name="contrasena" type="text" value=""></td>
  </tr>
  <tr>
    <td >       <div align="center">
      <input name="btnacceder" type="submit" class="Estilo2" value="Aceptar" >
    </div></td>
	    <td >       <div align="center">
      <input name="btnacceder" type="button" class="Estilo2" value="ver usuarios"  onclick="document.forms.frmindex.action='buscar_empleado.htm'; 
					document.forms.frmindex.submit()" onkeypress="document.frmindex.action = 'buscar_empleado.htm'; document.frmindex.submit()" /> 
    </div></td>
    </tr>
</table>
                    <p>&nbsp;</p>
		</form>
                            ${encabezado}
                <c:forEach items="${lista_empleados}" var="u" >
                <tr>
                    <td>${u.usuarioEmp}</td>
                     <td>${u.codEmp}</td>
                    <td>${u.apeEmp}</td>
                    <td>${u.nomEmp}</td>
                    <!--<td></td>-->
                                      
                </tr>
            </c:forEach>
                            
			</ul>				
		</div>			
	</body>
</html>